<template>
    <view class="cu-load" v-if="loadModal">
        <!--<image scr="../../static/image/icon/02.gif" mode="aspectFit"></image>-->
        <img class="load-img" src="../../static/image/icon/02.gif" alt="">
        <view class="load-text">加载中...</view>
    </view>
</template>

<script>
    export default {
        name: "load.vue",
        data() {
            return {}
        },
        props: {
            value: {}
        },
        computed: {
            loadModal: {
                get() {
                    return this.value
                },
                set(val) {
                    this.$emit('input', val)
                }
            }
        },
        onLoad() {},
        methods: {}
    }
</script>

<style lang="scss" scoped>
.cu-load {
    box-shadow: none;
    background: none;
    line-height: 1;
    position: fixed;
    top: 30%;
    left: 45%;
    &:after {
        content: none;
    }
    .load-text {
        color: #666;
    }
    .load-img {
        width: 100rpx;
        height: 100rpx;
    }
}
</style>